window.onload = function () {
    window.at.callFun('getConfig', '')
};

// var xDown = null;
// var yDown = null;

// function handleTouchStart(evt) {
//     xDown = evt.touches[0].clientX;
//     yDown = evt.touches[0].clientY;
// }

// function handleTouchMove(evt) {
//     if (!xDown || !yDown) {
//         return;
//     }

//     var xUp = evt.touches[0].clientX;
//     var yUp = evt.touches[0].clientY;

//     var xDiff = xDown - xUp;
//     var yDiff = yDown - yUp;

//     if (Math.abs(xDiff) > Math.abs(yDiff)) {/* most significant*/
//         if (xDiff > 0) {
//             /* left swipe */
//             navigate('next');
//         } else {
//             /* right swipe */
//             navigate('prev');
//         }
//     }
//     /* reset values */
//     xDown = null;
//     yDown = null;
// }

// //底部导航变换
// function navigate(direction) {
//     var pages = document.querySelectorAll('.page');
//     var activePage = document.querySelector('.page.active');
//     var activeIndex = Array.from(pages).indexOf(activePage);

//     if (direction === 'next' && activeIndex < pages.length - 1) {
//         showPage(pages[activeIndex + 1].id);
//     } else if (direction === 'prev' && activeIndex > 0) {
//         showPage(pages[activeIndex - 1].id);
//     }
// }

// //页面变换
// function showPage(pageId) {
//     var pages = document.querySelectorAll('.page');
//     for (var i = 0; i < pages.length; i++) {
//         pages[i].classList.remove('active');
//     }
//     document.getElementById(pageId).classList.add('active');

//     var links = document.querySelectorAll('.navbar a');
//     for (var j = 0; j < links.length; j++) {
//         links[j].classList.remove('active');
//         if (links[j].getAttribute('onclick').includes(pageId)) {
//             links[j].classList.add('active');
//         }
//     }
// }

//监听表单提交按钮
document.getElementById('myForm').addEventListener('submit', function (event) {
    event.preventDefault(); // 阻止默认表单提交行为

    // 获取表单数据
    const formData = new FormData(this);

    // 将数据转换为对象
    const data = {};
    data['checkbox'] = []
    formData.forEach((value, key) => {
        if (key.indexOf('checkbox') === 0) {
            var text = this.querySelector(`.${key}`).textContent;
            data['checkbox'].push({ 'task': text, "id": key })
        } else {
            data[key] = value;
        }
    });
    // 获取富文本框的内容
    // const richTextContent = this.querySelector('.rich-text-editor').innerText;
    // data['richText'] = richTextContent;

    // 这里你可以进一步处理数据，比如发送到服务器或者展示给用户
    window.at.callFun('postData', JSON.stringify(data));
});

function receiveData(arg) {
    let data = JSON.parse(arg)
    if (Object.keys(data).length === 0) {
        return
    }
    // 填充用户名和密码
    document.getElementById("alipay").value = data.alipay;
    document.getElementById("nickname").value = data.nickname;

    // 填充复选框状态
    data["checkbox"].forEach((checkbox) => {
        document.getElementById(checkbox.id).checked = true
    })

    // // 填充单选框状态
    // document.getElementById(data["radio-group"]).checked = true;

    // // 填充下拉框选项
    // document.querySelector('select[name="dropdown"]').value = data.dropdown;

    // // 填充富文本编辑器内容
    // document.getElementById("richText").innerText = data.richText;
}